<!DOCTYPE html>
<html>
<head>
	<title>点单系统</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="../../css/bootstrap.min.css" rel="stylesheet">
	<!-- <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> -->
	<link rel="stylesheet" type="text/css" href="../../css/order.css">
	<link rel="stylesheet" type="text/css" href="../../css/waiter.css">
</head>
<body>
	<div id="head">
		<div class="navbar navbar-default  navbar-inverse" role="navigation">
			<a href="./waiter.html">
				<div class="head-left">
					<span class="glyphicon glyphicon-user"></span>
				</div>
			</a>
			<div class="head-center">
				饭店
			</div>
			
			<button type="button" class="btn btn-danger" id="menu">
				<span style="margin-right: 5px" class="glyphicon glyphicon-th-list"></span>已点
			</button>
		</div>

	</div>

	<div id="left">
		<p class="left-head">
			菜 单
		</p>
		<div class="container">
			<div class="row act" id="menu-A" style="margin-top: 0px">
				<div class="col-md-12">
					<span class="glyphicon glyphicon-inbox"></span>
					<p>炒菜类</p>
				</div>

			</div>

			<div class="row" id="menu-B">
				<div class="col-md-12">
					<span class="glyphicon glyphicon-fire"></span>
					<p>炖菜类</p>
				</div>
			</div>
			<div class="row" id="menu-C">
				<div class="col-md-12">
					<span class="glyphicon glyphicon-tasks"></span>
					<p>涮菜类</p>
				</div>
			</div>
			<div class="row" id="menu-D">
				<div class="col-md-12">
					<span class="glyphicon glyphicon-adjust"></span>
					<p>凉菜类</p>
				</div>
			</div>
			<div class="row" id="menu-E">
				<div class="col-md-12">
					<span class="glyphicon glyphicon-folder-close"></span>
					<p>主食类</p>
				</div>
			</div>
			<div class="row" id="menu-F">
				<div class="col-md-12">
					<span class="glyphicon glyphicon-glass"></span>
					<p>酒水类</p>
				</div>
			</div>
			<div class="row" id="menu-G">
				<div class="col-md-12">
					<span class="glyphicon glyphicon-leaf"></span>
					<p>其他类</p>
				</div>
			</div>
			
		</div>
	</div>
	<div id="right">
		<div class="right-head">
			<ol class="breadcrumb">
				<li><a href="#">菜单</a></li>
				<li class="active" id="bav"></li>
			</ol> 
		</div>
		<div class="con">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="panel panel-default">
							<div class="panel-body">

							<div class="row" style="margin-top: 10px">
									<label class="col-lg-3 control-label">
										选择桌号：
									</label>
									
									<div class="col-lg-7">
										<select name="桌号" class="form-control" id="positions">
										</select>
									</div>
									
								</div>
								<div class="row">
									<div class="col-lg-8 col-lg-offset-2">
										<div class="table-responsive">
											<table class="table table-striped table-bordered table-hover">
												<thead>
													<tr>
														<th>菜名</th>
														<th>单价</th>
														<th>下单</th>
													</tr>
												</thead>
												<tbody id="foods">
												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

	<!-- <script type="text/javascript" src="../../js/order.js"></script> -->
	<script src="../../js/Jquary/jquery-3.2.1.min.js"></script>
	<script src="../../js/Jquary/jquery.easyui.min.js"></script>
	<script src="../../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../../js/isnumber.js"></script>
	<script type="text/javascript">
			sessionStorage.positionid = -1;
			$(document).ready(function(){
				$("#menu-A").click(function(){
					$("#menu-A").removeClass("act");
					$("#menu-B").removeClass("act");
					$("#menu-C").removeClass("act");
					$("#menu-D").removeClass("act");
					$("#menu-E").removeClass("act");
					$("#menu-F").removeClass("act");
					$("#menu-G").removeClass("act");
					$("#menu-A").addClass("act");
					$("#bav").text("炒菜")
					getFoods(1)
				})
				$("#menu-B").click(function(){
					$("#menu-A").removeClass("act");
					$("#menu-B").removeClass("act");
					$("#menu-C").removeClass("act");
					$("#menu-D").removeClass("act");
					$("#menu-E").removeClass("act");
					$("#menu-F").removeClass("act");
					$("#menu-G").removeClass("act");
					$("#menu-B").addClass("act");
					$("#bav").text("炖菜")
					getFoods(2)
				})
				$("#menu-C").click(function(){
					$("#menu-A").removeClass("act");
					$("#menu-B").removeClass("act");
					$("#menu-C").removeClass("act");
					$("#menu-D").removeClass("act");
					$("#menu-E").removeClass("act");
					$("#menu-F").removeClass("act");
					$("#menu-G").removeClass("act");
					$("#menu-C").addClass("act");
					$("#bav").text("涮菜")
					getFoods(3)
				})
				$("#menu-D").click(function(){
					$("#menu-A").removeClass("act");
					$("#menu-B").removeClass("act");
					$("#menu-C").removeClass("act");
					$("#menu-D").removeClass("act");
					$("#menu-E").removeClass("act");
					$("#menu-F").removeClass("act");
					$("#menu-G").removeClass("act");
					$("#menu-D").addClass("act");
					$("#bav").text("凉菜")
					getFoods(4)
				})
				$("#menu-E").click(function(){
					$("#menu-A").removeClass("act");
					$("#menu-B").removeClass("act");
					$("#menu-C").removeClass("act");
					$("#menu-D").removeClass("act");
					$("#menu-E").removeClass("act");
					$("#menu-F").removeClass("act");
					$("#menu-G").removeClass("act");
					$("#menu-E").addClass("act");
					$("#bav").text("主食")
					getFoods(5)
				})
				$("#menu-F").click(function(){
					$("#menu-A").removeClass("act");
					$("#menu-B").removeClass("act");
					$("#menu-C").removeClass("act");
					$("#menu-D").removeClass("act");
					$("#menu-E").removeClass("act");
					$("#menu-F").removeClass("act");
					$("#menu-G").removeClass("act");
					$("#menu-F").addClass("act");
					$("#bav").text("酒水")
					getFoods(6)
				})
				$("#menu-G").click(function(){
					$("#menu-A").removeClass("act");
					$("#menu-B").removeClass("act");
					$("#menu-C").removeClass("act");
					$("#menu-D").removeClass("act");
					$("#menu-E").removeClass("act");
					$("#menu-F").removeClass("act");
					$("#menu-G").removeClass("act");
					$("#menu-G").addClass("act");
					$("#bav").text("其他")
					getFoods(7)
				})
				
				$("#positions").change(function(){
					sessionStorage.positionid = $("#positions").val();
					sessionStorage.positionname = $("#positions").find("option:selected").text();
				})
				
				$.ajax({
						type:"get",
						url:"/ldss/store/myposition",
						dataType:"json",
						async:false,
						success: function (data) {
							if(data.success){
								var data = data.data;
								$("#positions").empty();
								for(var i = 0; i < data.length; i++){
										$("#positions").append("<option value='"+data[i].positionid+"'>"+data[i].positionname+"</option>");
								}
							}else{
								alert(data.message);
							}
						}
				});
				sessionStorage.positionid = $("#positions").val();
				sessionStorage.positionname = $("#positions").find("option:selected").text();
				getFoods(1)
				
			
			$("#three-add").click(function(){
				window.location.assign("./add-waiter.html")
			});
			
			$("#foods").on('click', '.food',function(){
				var positionid = $("#positions").val();
				var menuid = $(this).attr("name");
				var num = prompt("请购买输入数量:","1");
				if(isFloat(num)){
					addFood(positionid,menuid,num);
				}else if(num!=null){
					alert("请输入正确的格式");
				}
			});
			$("#menu").click(function(){
				window.location.assign("./order-menu.html");
			});
		});
		
		function addFood(positionid,menuid,num){//下单
			$.ajax({
					type:"get",
					url:"/ldss/orders/addorder",
					async:false,
					data:{
							positionid:positionid,
							menusid:menuid,
							num:num
						},
					dataType:"json",
					success: function (data) {
						if(!data.success){
							alert(data.message);
						}
					},
					error: function(){
						alert("请求出错");
					}
					
			});
		}
		
		function getFoods(menu_type){//获取一个种类的食物
			$.ajax({
				type:"get",
				url:"/ldss/menus/allfood",
				async:false,
				data:{
						mtypes:menu_type
					},
				dataType:"json",
				success: function (data) {
					if(data.success){
						var data = data.data;
						$("#foods").empty();
						for(var i = 0; i < data.length; i++){
							$("#foods").append(
								"<tr>"+
									"<td>"+data[i].foodName+"</td>"+
									"<td>"+data[i].foodPrice+"</td>"+
									"<td>"+ 
										"<button type='button' class='btn btn-primary food' name='"+data[i].id+"'>"+"添加"+"</button>"+
									"</td>"+
								"</tr>"
							);
						}
					}
					else{
						alert(data.message);
					}
				},
				error: function(){
					alert("请求出错");
				}
			});
		}
	</script>
</body>
</html>